@charset "utf-8";
@import "config";
@mixin start{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@mixin going{
     display: flex;
    justify-content: space-between;
    align-items: center;
}
@mixin end{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
@function w($wpx){
    @return $wpx/640*100%;
}
$col: #d62d31;
$ts: 0.2s;
.show{
    display: block!important;
}
.web{
    overflow: hidden;
    section{
        bottom: 0;
        .logo{
            overflow: hidden;
            width: 100%;
            font-size: 0.8rem;
            color: white;
            line-height: setLengthByHeight(70px);
            text-align: center;
            background:url(../../images/market/bg_v1_160302_02.png)  100% ;
            li{
            img{
                width: 4rem;
                margin-top:setLengthByHeight(70px) ;
            } 
            .bn{
                background: #83d050;
                border-color:#83d050 ;
                width: 4rem;
                margin-bottom: setLengthByHeight(40px);
            } 
            }
        }
         .navigation{
             overflow: hidden;
            text-align: center;
            background: white;
            div{
                line-height: setLengthByHeight(80px) ;
                display: inline-block;
                width: 4rem;
                height:setLengthByHeight(80px) ;
               font-size: 0.9rem;
               &:hover{
                   border-bottom: 2px solid red;
               }
               a{ 
               &:hover{
                   color: red;
                  }
               }
            }
               .nav_1{
                   margin-left: 15%;
               }
               .nav_2{
                   margin-right: 15%;
               }
        }
        .introduce_1{
            border-bottom: 1px solid  #dedede;
            border-top: 1px solid  #dedede;
            margin-top: setLengthByHeight(20px);
            font-size: 0.8rem;
            width: 100%;
            height:setLengthByHeight(140px) ;
            background: white;
            
            li{
                padding:setLengthByHeight(20px) ;
                float: left;
                display: inline-block;
                &:first-child{
                    width: 30%;
                    
                }
                &:last-child{
                    width: 70%;
                }
            }
        }
    /***********************/
         .introduce_2{
              border-bottom: 1px solid  #dedede;
            border-top: 1px solid  #dedede;
            margin-top: setLengthByHeight(20px);
            font-size: 0.8rem;
            width: 100%;
            height:setLengthByHeight(90px) ;
            background: white;
            
            
            li{
                padding:setLengthByHeight(20px) ;
                float: left;
                display: inline-block;
                &:first-child{
                    width: 30%;
                 
                    
                }
                &:last-child{
                    width: 40%;
                    float: right;
                    i{
                        font-size: 0.8rem;
                        margin-right: 3%;
                        color: #ff8000;
                    }
                }
            }
        }
        /**************************/
       .introduce_3{
             border-bottom: 1px solid  #dedede;
            font-size: 0.8rem;
            width: 100%;
            height:setLengthByHeight(90px) ;
            background: white;
            
            
            li{
                padding:setLengthByHeight(20px) ;
                float: left;
                display: inline-block;
                &:first-child{
                    width: 30%;
                 
                    
                }
                &:last-child{
                    width: 40%;
                    float: right;
                    i{
                        font-size: 0.8rem;
                        margin-right: 3%;
                        color: #53ec09;
                    }
                }
            }
        }
       /*******************/
      .introduce_4{
              border-bottom: 1px solid  #dedede;
            border-top: 1px solid  #dedede;
            margin-top: setLengthByHeight(20px);
            font-size: 0.8rem;
            width: 100%;
            height:setLengthByHeight(90px) ;
            background: white;
            
            
            li{
                padding:setLengthByHeight(20px) ;
                float: left;
                display: inline-block;
                &:first-child{
                    width: 30%;
                 
                    
                }
                &:last-child{
                    width: 40%;
                    float: right;
                    a{
                   color: #133dc7;
                   padding-left: 0.6rem;
                   
                    }
                }
            }
        }
        /*************************/
       .introduce_5{
              border-bottom: 1px solid  #dedede;
            font-size: 0.8rem;
            width: 100%;
            height:setLengthByHeight(90px) ;
            background: white;
            li{
                padding:setLengthByHeight(20px) ;
                float: left;
                display: inline-block;
                &:first-child{
                    width: 30%;
                }
                &:last-child{
                    width: 40%;
                    float: right;
                    a{
                   padding-left: 1rem;
                    }
                }
            }
        }
        /**************************/
       .introduce_6{
           margin-bottom: setLengthByHeight(90px);
              border-bottom: 1px solid  #dedede;
            font-size: 0.8rem;
            width: 100%;
            height:setLengthByHeight(90px) ;
            background: white;
            li{
                padding:setLengthByHeight(20px) ;
                float: left;
                display: inline-block;
                &:first-child{
                    width: 30%;
                }
                &:last-child{
                    width: 40%;
                    float: right;
                    a{
                   padding-left: 0.6rem;
                    }
                }
            }
        }
       
       
    }
}
